/**
 * 布局
 */
Vue.component('layout', {
    props: {
    },
    data: function () {
        return {}
    },
    methods: {
    },
    template: `
        <el-scrollbar style="height: 100%; width: 100%;">
            <el-container>
                <el-header class="nav-div">
                    <div class="nav-logo">
                        <img src="/static/favicon.ico" width="42" height="42">
                        <span class="small-logo">ZTool</span>
                    </div>
                    <slot name="menu"></slot>
                </el-header>
                <slot name="tips"></slot>
                    <el-main>
                        <slot name="main"></slot>
                    </el-main>
                <el-footer style="margin: 20px 0px">
                    <el-divider></el-divider>
                    <div class="copyright">© 2021 ZTool视频流服务 匠人智慧(江苏)科技有限公司 - Craftsman. All Rights Reserved.</div>
                </el-footer>
            </el-container>
        </el-scrollbar>
    `
});